<template>
 <div>
  <!-- v-bind指令：作用：动态设置html标签的属性 
  语法：基本语法 v-bind：属性名=“变量”
  简写方式：：属性名=“变量”
  -->
  <h1 v-bind:title="mas">{{obj.name}}</h1>
  <a :href="obj.url" :class="asr">{{obj.name}}</a>
 </div>
</template>

<script>
export default {
  data () {
      return {
          mas:"我有一条小毛驴",
          obj:{
            url:"http://www.baidu.com",
            name:"百度一下"
          },
        asr:"box"
      }
  }
}
</script>

<style>

</style>